<!--<template>-->
<!--  <div>-->
<!--    <form>-->
<!--      账号: <el-input v-model="fuser.username" placeholder="请输入内容" style="width: 300px"></el-input><br><br>-->
<!--      密码:&nbsp;&nbsp;&nbsp;&nbsp;<el-input placeholder="请输入密码" v-model="fuser.password" show-password style="width: 300px"></el-input><br><br>-->
<!--      <el-button type="primary" round @click="login()">登陆</el-button>-->
<!--    </form>-->
<!--    <br>-->
<!--    <br>-->
<!--  </div>-->

<!--</template>-->

<!--<script>-->
<!--import qs from "qs";-->

<!--export default {-->
<!--  name: "Login",-->
<!--  data(){-->
<!--    return{-->
<!--      fuser:{username:"222",password:"123"}-->
<!--    }-->
<!--  },-->
<!--  //初始化-->
<!--  created() {-->

<!--  },-->
<!--  methods:{-->
<!--    login(){-->
<!--       let params={-->
<!--         grant_type: 'password',-->
<!--         client_id: 'vueback',-->
<!--         client_secret: 123,-->
<!--         username: this.fuser.username,-->
<!--         password: this.fuser.password-->
<!--       }-->
<!--      this.$http.post("bookserver/oauth/token",params).then(data=>{-->
<!--        console.log(data)-->
<!--        console.log(data.username)-->
<!--        if (data.access_token!=null){-->
<!--          sessionStorage.setItem('token',qs.stringify(data))-->
<!--          this.$store.commit('setLoginUser',data)-->
<!--          this.$store.commit('setClient',params)-->
<!--          //跳转到首页-->
<!--          this.$router.push("/bm");-->
<!--        }else {-->
<!--          alert("用户名或者密码错误")-->
<!--        }-->

<!--      })-->
<!--    }-->

<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->


<!--<template>-->
<!--  <div>-->
<!--    <h1>登录</h1>-->
<!--    <el-input v-model="params.username" placeholder="请输入账号" style="width: 350px"></el-input><br>-->
<!--    <br>-->
<!--    <el-input v-model="params.password" placeholder="请输入密码" show-password style="width: 350px"></el-input><br>-->
<!--    <br>-->
<!--    <el-button type="primary" icon="el-icon-position" round @click="login()" style="width: 200px">点击登录</el-button>-->
<!--  </div>-->

<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: "Main",-->
<!--  created() {-->

<!--  },-->
<!--  data(){-->
<!--  return{-->
<!--    params:{username:"111",password:"123", grant_type: 'password', client_id: 'vuefront', client_secret: 123}-->
<!--  }-->
<!--  },-->
<!--  methods:{-->
<!--    login(){-->
<!--      this.$http.post("authserver/oauth/token",this.params).then(data=>{-->
<!--        if (data.code==200){-->
<!--          alert("登录成功")-->
<!--          //把token值存到session中-->
<!--          sessionStorage.setItem('token',this.$qs.stringify(data.data))-->
<!--          //把用户的uid存在store中-->
<!--          this.$store.commit('setUser',data.id)-->
<!--          //把刷新token的值存入state-->
<!--          this.$store.commit("setClient",this.params)-->
<!--          this.$router.push("/book")-->
<!--        }else if(data.code==203){-->
<!--          alert("用户名密码错误")-->
<!--        }else if(data.code=206){-->
<!--          alert("用户已被禁用")-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->

<template>
  <div>
    <h1>登录</h1>
    <el-input v-model="params.username" placeholder="请输入账号" style="width: 350px"></el-input><br>
    <br>
    <el-input v-model="params.password" placeholder="请输入密码" show-password style="width: 350px"></el-input><br>
    <br>
    <el-button type="primary" icon="el-icon-position" round @click="login()" style="width: 200px">点击登录</el-button>
    <router-link to="register">点击注册</router-link>
  </div>

</template>

<script>
export default {
  name: "Login",
  created() {

  },
  data(){
    return{
      params:{username:"111",password:"123", grant_type: 'password', client_id: 'vuefront', client_secret: 123}
    }
  },
  methods:{
    login(){
      this.$http.post("http://localhost:7000/authserver/oauth/token",this.params).then(data=>{
        if (data.code==200){
          alert("登录成功")
          //把token值存到session中
          sessionStorage.setItem('token',this.$qs.stringify(data.data))
          //把用户的uid存在store中
          this.$store.commit('setUser',data.data)
          console.log(data.data)
          //把刷新token的值存入state
          //this.$store.commit("setClient",this.params)
          this.$router.push("/bm")
        }else if(data.code==203){
          alert("用户名密码错误")
        }else if(data.code=206){
          alert("用户已被禁用")
        }
      })
    }
  }
}
</script>

<style scoped>

</style>

